<template lang="html">
    <div id="tegister" class="tegister">
      <header>
        <router-link class="waves-effect waves-teal btn-flat" to="/">返回</router-link>
        注册
      </header>
      <div class="logo">
          mono
      </div>
      <div class="conent">
        <form class="" name="from1">
          <div class="row">
             <div class="input-field col s12">
               <input id="name" type="text" class="validate">
               <label for="text">请输入手机号</label>
             </div>
           </div>
           <div class="row">
             <div class="input-field col s12">
               <input id="passowrd" type="password" class="validate">
               <label for="password">请输入密码</label>
             </div>
           </div>
           <div class="btn-s">
              <button class="btn waves-effect waves-light" type="submit">注册</button>
           </div>
        </form>

        <router-link class=" inlet" to="/login">
            已有账号
        </router-link>

        <div class="protocol">
            <span>注册后表示你同意MONO的<a class=""><<使用协议>></a></span>
        </div>
      </div>
    </div>
</template>

<script>
export default {
  le: '#tegister',
  Data: {

  },
  methods:{

  }
}
</script>

<style lang="stylus">
    header{
      height: 60px;
      line-height: 60px;
      text-align:center;
      font-size: 20px;

      .waves-effect{
        position: absolute;
        top: 10px;
        left: 5px;
        font-size: 14px;
      }
    }
    .logo{
      text-align:center;
      font-size:35px;
      padding: 12px 0 0;
    }
    .conent{
      width: 75%;
      margin: 0 auto;

      .btn-s{
        padding-top: 15px;
        display: flex;
        justify-content: center;

        button{
              padding: 0 5.5rem;
        }
      }
      .row input{
        margin-bottom: 0;
      }

      .inlet{
        display:block;
        line-height: 40px;
        text-align:center;
        margin-top: 20px;
        color:#26a69a;
      }
      .protocol{
        font-size: 12px;
        text-align:center;
        margin-top: 12px;
      }
    }
</style>
